<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Title</title>
</head>
<body>
  <script type="text/javascript">
    let arr1 = [1,3,5,7,9]
    let arr2 = [2,4,6,8,10]
    console.log(...arr1) // 展开数组
    let arr3 = [...arr1,...arr2] // 连接数组

    // 在函数中使用
    function sum(...numbers){
      return numbers.reduce((previousValue, currentValue) => {
        return previousValue + currentValue
      })
    }
    console.log(sum(1,2,3,4,5,6))

    let person = {name:'tom',age:18}
    // 构造字面量对象时使用展开语法
    let person2 = {...person}
    // console.log(...person) // 不能展开对象
    person.name = 'jerry'
    console.log(person2)
    console.log(person)

    // 合并
    let person3 = {...person,name:'ketty',address:'火星'}
    console.log(person3)
  </script>
</body>
</html>
